﻿{include file="base/header"}
<link rel="stylesheet" type="text/css" href="/static/css/css_1.css?v=0.0.9"/>
<style>	
.location{max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    max-height: 999999px;}
</style>	


<div class="swiper banner clear">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <img src="{$info.img}" />
    </div>
  </div>
  <script>
    var banner = new Swiper(".banner", {
      pagination: {
        el: ".banner .swiper-pagination",
		clickable: true,
      },
	  //autoplay: {
//		pauseOnMouseEnter: true,
//		disableOnInteraction: false,
//	  },
	  //effect:'fade'
	  on:{
		init: function(){swiperAnimate(this);}, 
		slideChange: function(){ swiperAnimate(this);} 
	  },
    });
  </script>
</div>
<div class="location"><!-- 您的位置： --><a href="/">Home</a> 
	{volist name="info.navigation" id="vo"}
	&gt; <a href="{:url('cate/index',['cid'=>$vo['id']])}">{$vo.title}</a>
	{/volist}
</div>

{volist name="cate_tree" id="vo"}
{if condition="$key eq 0"}
<div class="support1 wow fadeInUp clear">
  <div class="pos_c" id="{$vo.id}"></div>
  <div class="w">
    <div class="titc"><span>Destruction Center Maintenance Service</span><em>{$vo.title}</em></div>
    <div class="swiper support1_c">
      <ul class="support1_list com swiper-wrapper">
		{sp:articles cid="$vo['id']" id="vo1" field='a_id,title,img,url' order="sort asc,a_id asc"}
        <li class="swiper-slide">
          <a href="{$vo1.url}">
            <div class="pic"><img class="df_pic" src="{$vo1.img}" /></div>
            <div class="txt comflex2">
              <div class="clear"><i class="i{$i}"></i><p>{$vo1.title}</p></div>
            </div>
          </a>
        </li>
		{/sp:articles}
      </ul>
    </div>
    <script>
	  var support1_c = new Swiper(".support1_c", {
		slidesPerView:5,
		spaceBetween: '3.1666666%',
		autoplay: {
		  pauseOnMouseEnter: true,
		  disableOnInteraction: false,
		},
		breakpoints: {
		  640: {
			slidesPerView:2,
		  },
		  1024: {
			slidesPerView:5,
		  },
		},
	  });
	</script>
  </div>
</div>

{elseif condition="$key eq 1"}
<div class="support2 wow fadeInUp clear">
  <div class="pos_c" id="{$vo.id}"></div>
  <div class="w">
    <div class="support2_c comflex">
      <div class="support2_lf">
        <div class="s_t_tit"><em>{$vo.title}</em><p>Service standards</p></div>
      </div>
      <div class="support2_rt">
        <div class="pic"><img src="{$vo.img}" /></div>
        <div class="txt">{$vo.info|raw}</div>
      </div>
    </div>
  </div>
</div>

{elseif condition="$key eq 2"}
<div class="support3 w wow fadeInUp clear">
  <div class="pos_c" id="{$vo.id}"></div>
  <div class="support3_1 comflex">
    <div class="map">
        <img src="/static/images/map.png" />
        <ul class="city_list com">
		{sp:articles cid="19" id="vo1" field='a_id,title,desc' order="sort asc,a_id asc"}
          <li class="pos{$i}"><i></i><span>{$vo1.title}</span><div class="txt"><p>{$vo1.desc}</p></div></li>
		{/sp:articles}
        </ul>
      </div>
    <div class="rt_tit">
      <div class="s_t_tit"><em>{$vo.title}</em><p>Service organization <br />contact information</p></div>
    </div>
  </div>
  <div class="support3_2 comflex">
    <div class="support3_2_lf">
      <em>Tel</em>
      <p>{$config.tel}</p>
    </div>
    <div class="support3_2_rt">
      <em>Address</em>
      <p>
	  <!-- {sp:articles cid="19" id="vo1" field='a_id,title' order="sort asc,a_id asc"} -->
	  <!-- {if condition="$key neq 0"}、{/if}{$vo1.title} -->
	  <!-- {/sp:articles} -->
	  {$vo.info|raw}
	  </p>
    </div>
  </div>
</div>

{elseif condition="$key eq 3"}
<div class="support4 wow fadeInUp clear">
  <div class="pos_c" id="{$vo.id}"></div>
  <div class="w">
    <div class="support4_w">
      <div class="support4_c comflex">
        <div class="support4_txt comflex2">
          <div class="clear">
            <div class="s_t_tit"><em>{$vo.title}</em><p>Repair request</p></div>
            <div class="txt">{$vo.desc}</div>
          </div>
        </div>
        <div class="support4_form">
          <ul>
			<form id="tjform" action="{:url('Index/tjForm')}" method="post">
            <li><em>*姓名：</em><input class="sf_intxt" name="realname" type="text" placeholder="请输入您的真实姓名方便客服联系您" /></li>
            <li><em>*联系电话：</em><input class="sf_intxt" name="tel" type="text" placeholder="请输入您的手机号或座机号" /></li>
            <li><em>*电子邮箱：</em><input class="sf_intxt" name="emaill" type="text" placeholder="请输入您的电子邮箱" /></li>
            <li><em>*维修设备：</em><input class="sf_intxt" name="device" type="text" placeholder="请输入您需要维修的设备" /></li>
            <li><em>*设备型号：</em><input class="sf_intxt" name="device_sn" type="text" placeholder="请输入您维修设备的型号" /></li>
            <li><em>*公司名称：</em><input class="sf_intxt" name="company_name" type="text" placeholder="请输入您的公司名称" /></li>
            <li><em>*公司地址：</em><input class="sf_intxt" name="company_address" type="text" placeholder="请输入您公司的具体位置" /></li>
            <input type="hidden" name="type" value="1">
			<li><input id="tj_btn" class="sf_inbut" type="button" value="提交" /></li>
			</form>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
{/if}
{/volist}

<script type="text/javascript" src="/js/layer/layer.js"></script>
<script>

	$("#tj_btn").click(function(e){
		var url = $("#tjform").attr('action');
		var formData = $("#tjform").serialize();
		$("#tj_btn").attr('disabled',true);
		$.post(url,formData,function(data){
			if(data.code == 1){
				layer.msg(data.msg,{icon:1,time:1500},function(){
					window.location.reload();
				});
			}else{
				layer.msg(data.msg,{icon:2,time:1500},function (){
					$("#tj_btn").attr('disabled',false);
				});
				return false;

			}
		},'json');
		return false;
	});
</script>
{include file="base/footer"}